window.JST = {}

JST.main = _.template(
  "<div class='loading-container'>\
     <div class='pagination'>\
       <div class='social-tags'>\
         <p class='cta'>Tag your photos using\
         <span class='fbtag'>#<span class='tag'><%= tag %></span></span>\
         on our <a href='http://www.facebook.com/blackmilkclothing'>Facebook</a> or Instagram.</p>\
         <p class='how-to'><a href='http://blackmilkclothing.com/pages/faqs'>How do I tag pics?</a></p>\
       </div>\
       <div class='pagination_wrap'></div>\
     </div>\
     <ul class='photos'></ul>\
     <div class='loading'></div>\
   </div>"
)

JST.pagination = _.template(
  "<% if (currentPage > 1) { %>\
     <span class='first_b'><a href='#' class='first'>&lt;&lt;</a></span>\
     <span class='prev_b'><a href='#' class='prev'>&lt;</a></span>\
   <% } else { %>\
     <span class='first_b'>&lt;&lt;</span>\
     <span class='prev_b'>&lt;</span>\
   <% } %>\
   <span class='page'><%= currentPage %> / <%= lastPage %></span>\
   <% if (currentPage < lastPage) { %>\
     <span class='next_b'><a href='#' class='next'>&gt;</a></span>\
     <span class='last_b'><a href='#' class='last'>&gt;&gt;</a></span>\
   <% } else { %>\
     <span class='next_b'>&gt;</span>\
     <span class='last_b'>&gt;&gt;</span>\
   <% } %>"
)

JST.photo = _.template(
  "<a href='<%= img_full_url %>' class='fancybox' rel='group'>\
     <img src='<%= img_full_url %>'>\
     <span class='<%= source_network %>'></span>\
   </a>"
)